<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Goodwin Footy</title>

<style>
body {
	font-family: tahoma;
	font-size: 10pt;
}

.list {
   font-family: tahoma;
   font-size: 10pt;
   border: #C3D9FF solid 2px;
}

.mybackground {
   background: #C3D9FF;
}

table.lists {
	border: #C3D9FF solid 2px;
}

table.games, table.games tr,table.games td {
   zborder-collapse: collapse;
   border: solid #C3D9FF 1px;
   text-align: center;
}

.myheader {
   font-size: 14pt;
}

.pageHeader {
   font-size: 16pt;
   border-bottom: solid black 2px;
}
</style>

</head>

<body>

<div class="pageHeader mybackground" style="padding: 2px">Goodwin Footy</div>

<br>

<table>
    <tr>
        <td>Date<br>
        <select id="selGames" class="list"></select></td>
        <td>Player<br>
        <select id="selPlayers" class="list"></select></td>
    </tr>
</table>

<div id="stats"><br>
Total <span id="numGames"></span>&nbsp;games saved.</div>

<div id="divGame" style="display: none">
<br>
<div id="gameDate" class="myheader"></div>
<br>
<table cellpadding="2" cellspacing="0" border="0" style="border: solid #C3D9FF 2px">
    <tr class="myheader mybackground">
        <th>Player</th>
        <th>Payment</th>
    </tr>
</table>
</div>

<div id="divPlayer" style="display: none"><br>
<div id="player" class="myheader"></div>
<br/>
<div id="divPlayerGames"></div>
<br/>
<div id="playerDebts"></div>
</div>

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("prototype", "1.6");
</script>

<script src="footymatrixjs.do"></script>
<script src="footyobs.js"></script>
<script src="footyui.js"></script>

</body>

</html>
